<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<div class="container carousel slide" id="yeah-us-talk" style="background-color: white;">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row clearfix">
                <div class="col-md-12 col-xs-12  col-sm-12 column yeah-us-talk-top">
                    <div class="col-md-6  col-xs-6  col-sm-6 column">
                        <span class="yeah-us-talk-top-left">
                            大家说
                        </span>
                    </div>
                </div>
            </div>
             <!-- 轮播（Carousel）指标 -->
        <!-- <ol class="carousel-indicators" id="lb">
            <li data-target="#yeah-us-talk" data-slide-to=index :class="{'active':index===currentIndex}" v-for="(s,index) in list">
            </li>
        </ol> -->
        <!-- 轮播（Carousel）项目 -->
                <div class="row clearfix">
        <div class="carousel-inner" id=pingluen>
            <div v-bind:class="index===0?'item active':'item'" v-for="(list,index) in lists">
            
                <!--循环-->
                <div class="col-md-3  col-xs-3  col-sm-6 column yeah-us-talk-item" 
                	v-for="guest in list" style="float:left;">
                    <div class="yeah-us-talk-item-w" >
                        <i class="iconfont icon-yonghu" style="font-size: 25px;"></i>
                        <span class="phone-num">{{guest.phone}}</span>

                        <ul class="xingxing_ul"><li class="xingxing"><i class="iconfont icon-star_full"></i></li>
                            <li class="xingxing"><i class="iconfont icon-star_full"></i></li>
                            <li class="xingxing"><i class="iconfont icon-star_full"></i></li>
                            <li class="xingxing"><i class="iconfont icon-star_full"></i></li>
                            <li class="xingxing"><i class="iconfont icon-star_full"></i></li>
                        </ul>
                        <span class="yin_hao">
                            <i class="iconfont icon-baojiaquotation2 yin_hao_1"></i>
                            <i class="iconfont icon-baojiaquotation yin_hao_2"></i>
                        </span>
                        <div class="yeah-us-talk-item-content">
                            	{{guest.gcontent}}
                        </div>
                        <div class="yeah-us-talk-item-bottom">
                             	{{ new Date(guest.gtime).toLocaleString()}}&nbsp;通过在邮寄方式回收勒一台 <a href="#" v-on:click="find(guest.bid)">{{guest.itemname}}</a>
                        </div>
                    </div>
                </div>
                <!--循环 end-->
            </div>
        </div>
    </div>
    <!--轮播控制-->
        <a class="us_slider_control_left left" href="#yeah-us-talk"
           data-slide="prev">
            <i class="left" ></i>
        </a>
        <a class="us_slider_control_right right" href="#yeah-us-talk"
           data-slide="next">
            <i class="right"></i>
        </a>
                <!--轮播控制-->
    </div>

    </div>
</div>
<script type="text/javascript">
$(function(){
	$.post("pingluen",function(data){
		var a = new Vue({
			el: '#pingluen',
			data:{
				lists : data,
			},
        	 methods: {
   	        	     find:function(bid){
   	        	    	window.location.href="toAssessValue?id="+bid;
   	        	    }
   	        	  }
		})
		
		
	},"json");
	
      // 轮播自动播放
     $('#yeah-us-talk').carousel({
         //自动4秒播放
         interval: 4000
         
     }); 
      
})

</script>
